<table style="width: 100%;" cellpadding="4" cellspacing="0">
    <tr>
        <td>
            <table style="width: 100%;" class="mainmenu5" cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td width="7"><img src="design/pic/spacer.gif" class="sqr1" alt="" height="7" width="7" /></td>
                    <td class="block_header">{language text="invite_friends"}</td>
                </tr>
            </table>
{messages block='invite'}
{if !$bSend}
{literal}
<script type="text/javascript">
<!--
        function change_pic(el)
        {
            xajax_dislplayEventUserImage(el.value);
        }
-->
</script>
{/literal}
<table>
<tr>
    <td style="font-size:8pt;">
        <span id="user_name"></span><br />
        <span id="user_pic"></span>
    </td>
    <td style="vertical-align:bottom;font-size:8pt;" class="color"></td>
</tr>
</table>

<script type="text/javascript">
<!--
    var sPicUrl = '{$sUImageUrl}';
-->
</script>
<script type="text/javascript" src="design/js/select.js"></script>

{language text="below_is_a_list_of_friends_that_hav"}:

<br /><br />
<form action="{url link='public.event.invite' id=$iEventId}" method="post" name="myForm">
<table>
<tr>
    <td style="font-size:8pt;" class="border2">
        <div class="mainmenu5">
            <div style="padding:5px;font-size:9pt;">
                <b>{language text="friendbox"}</b>
            </div>
        </div>

        <select multiple="multiple" size="7" style="width:150px;" name="listLeft" onchange="change_pic(this.options[this.selectedIndex]);">
            {foreach from=$aItems item=aItem name=aitems}
                <option value="{$aItem.user}">{$aItem.user}</option>
            {/foreach}
        </select>
    </td>
    <td>
        <input type="button" style="width:120px;" onclick="moveDualList( this.form.listLeft,  this.form.listRight, false );"  name="Add     &gt;&gt;"  value="{language text='Mod_Event.add'}       &gt;&gt;" class="mainmenu6" onmouseover="this.className='mainmenu7';" onmouseout="this.className='mainmenu6';" />
        <br /><br />
        <input type="button" style="width:120px;" onclick="moveDualList( this.form.listRight, this.form.listLeft,  false )"  name="&lt;&lt;      Remove"  value="&lt;&lt;      {language text='Mod_Event.remove'}" class="mainmenu6" onmouseover="this.className='mainmenu7';" onmouseout="this.className='mainmenu6';" />
    </td>
    <td class="border2">
        <div class="mainmenu5">
            <div style="padding:5px;font-size:9pt;">
                <b>{language text="sendbox"}</b>
            </div>
        </div>
        <select multiple="multiple" size="7" style="width:150px;" name="listRight[]" id="listRight" onchange="change_pic(this.options[this.selectedIndex]);"></select>
    </td>
</tr>
</table>

<div style="padding:5px;">
    <input type="submit" value="    {language text='Mod_Event.invite'}    " name="act[invite]" style="cursor:pointer;" class="mainmenu6" onmouseover="this.className='mainmenu7';" onmouseout="this.className='mainmenu6';" />
</div>
</form>
{else}
<div style="padding:10px;font-size:10pt;">
    {language text="you_have_invited_the_following_memb"}:
    <ul>
        {foreach from=$aUsers item=sUser name=ausers}
            <li><a href="{url link='public.user' name=$sUser}">{$sUser}</a></li>
        {/foreach}
    </ul>
</div>
{/if}
        </td>
    </tr>
</table>